<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://g.alicdn.com/mamba/assets/0.0.19/mse-arc-ui.min.css"
    />
    <link rel="shortcut icon" href="/images/aliyun-icon.png"/>
    <title>Alibaba micro service ecology</title>
  </head>
  <body>
    <script src="//g.alicdn.com/mamba/assets/0.0.19/mse-arc-ui.min.js"></script>
    <section className="msemap-section">
        <div style="display: flex; justify-content: center; align-items: center;" >  
            <h2 style="text-align: center;">Microservice Ecosystem Landscape</h2>
            <select id="language-selector" onchange="changeLanguage()" style="margin-left:20px;" >
              <option value="en" selected>En</option>
              <option value="zh">中</option>
            </select>
          </div>
        <div id="mse-arc-container"></div>
    </section>
  </body>
  <script>
    function changeLanguage() {
      var lang = document.getElementById("language-selector").value;
      if(lang==='en'){
        window.open('/ecosystem-en.html','_self')
        lang.value='en'
      }else{
        window.open('/ecosystem.html','_self')
        lang.value='zh'
      }
    }
    </script>
</html>
